<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/templates/default.xhtml">
    <ui:define name="content">

        <h:form id="_form">

            <p:panelGrid columns="2" style="width:400px;margin-top:200px;margin-left:auto;margin-right:auto;">
                <f:facet name="header">
                    <h:outputLabel id="login_lbl" value="Please Login"/>
                </f:facet>
                <h:outputLabel for="username_i" value="Username : "/>
                <h:inputText id="username_i" value="#{auth.username}"/>
                <h:outputLabel for="password_i" value="Password : "/>
                <h:inputText id="password_i" value="#{auth.password}"/>
                <f:facet name="footer">
                    <p:commandButton id="submit_btn" action="#{auth.login}" ajax="false"
                                     icon="ui-icon-play" iconPos="right" value="Login"/>
                    <h:messages/>
                </f:facet>
            </p:panelGrid>

        </h:form>
    </ui:define>
</ui:composition>
